<%@ page language="java" errorPage="/error.jsp" pageEncoding="UTF-8" contentType="text/html;charset=utf-8"%>
<%@ include file="/common/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title></title>
		<%@ include file="/jsp/front/common/header.jsp"%>
		<link rel="stylesheet" href="<c:url value='/scripts/themes/base/jquery.ui.all.css'/>" type="text/css" />
	</head>
	<body>
		<%@ include file="/jsp/front/common/nav.jsp"%>

		<div style="margin: auto; width: 985px;">
			<div class="MemberCenter">
				<div class="siteparttitle">
					<div class="gender"></div>
					<div class="info">
						<strong>您好:${member.name}</strong>&nbsp;&nbsp;[ 会员中心]&nbsp;&nbsp;[
						<a href="logout.html" class="lnk">退出</a>]
					</div>
					<div class="time"></div>
					<div style="clear: both;"></div>
				</div>

				<%@ include file="/jsp/front/member/memberNav.jsp"%>

				<div class="MemberMain">
					<div style="margin-right: 175px;">
						<div class="title">
							我的订单
						</div>
						<form class="section" id="form_saveMember" action="member_save.html" method="post">
							<div style="background: none repeat scroll 0% 0% transparent; border: medium none; padding: 0pt; margin: 0pt;" class="FormWrap">
								<div style="border: medium none;" class="division">
									<table width="100%" cellspacing="0" cellpadding="0" border="0" class="forform">
										<tr>
											<th>
												姓名
											</th>
											<td>
												<input name="members.name" value="${members.name}" class="x-input inputstyle _x_ipt" type="text" />
											</td>
										</tr>
									</table>
								</div>
								<div style="border-top: 1px solid rgb(241, 241, 241);"></div>
								<div style="border: medium none;" class="division">
									<table width="100%" cellspacing="0" cellpadding="0" border="0" class="forform">

										<tr>
											<th>
												性别
											</th>
											<td>
												<input type="radio" <c:if test="${members.sex}">checked=""</c:if> value="true" name="members.sex" />
												<label>
													男
												</label>
												<input type="radio" <c:if test="${!members.sex}">checked=""</c:if> value="false" name="members.sex" />
												<label>
													女
												</label>
											</td>
										</tr>
										<tr>
											<th>
												固定电话
											</th>
											<td>
												<input type="text" value="${members.tel}" name="members.tel" class="x-input inputstyle _x_ipt" />
											</td>
										</tr>
										<tr>
											<th>
												出生日期
											</th>
											<td>
												<input type="text" id="members_birthDay" value="${members.birthDay}" name="members.birthDay" class="cal cal" />
											</td>
										</tr>
										<tr>
											<th>
												地区
											</th>
											<td>

												<input type="hidden" id="member_province_hidden" value="${members.province}" name="members.province" />
												<input type="hidden" id="member_city_hidden" value="${members.city}" name="members.city" />
												<input type="hidden" id="member_area_hidden" value="${members.area}" name="members.area" />
												<select id="member_province" onchange="findSubRegions(this,'member_city','member_province_hidden');$('#member_city_hidden').val('');">
													<c:forEach var="region" items="${systemRegionses}">
														<option value="${region.regionId}">
															${region.localName}
														</option>
													</c:forEach>
												</select>

												<select id="member_city" onchange="findSubRegions(this,'member_area','member_city_hidden')">
													<option value="">
														<c:if test="${empty members.city}">请选择...</c:if>
														<c:if test="${not empty members.city}">${members.city}</c:if>
													</option>
												</select>
												<select id="member_area" name="members.regionId" onchange="$('#member_area_hidden').val($(this).find('option:selected').text().trim());">
													<option value="${members.regionId}">
														<c:if test="${empty members.area}">请选择...</c:if>
														<c:if test="${not empty members.area}">${members.area}</c:if>
													</option>
												</select>
											</td>
										</tr>
										<tr>
											<th>
												移动电话
											</th>
											<td>
												<input type="text" value="${members.mobile }" name="members.mobile" class="x-input inputstyle _x_ipt" />
											</td>
										</tr>
										<tr>
											<th>
												联系地址
											</th>
											<td>
												<input type="text" value="${members.addr }" name="members.addr" class="x-input inputstyle _x_ipt" />
											</td>
										</tr>
										<tr>
											<th>
												邮编
											</th>
											<td>
												<input type="text" value="${members.zip }" name="members.zip" class="x-input inputstyle _x_ipt" />
											</td>
										</tr>
										<tr>
											<th>
												安全问题
											</th>
											<td>
												<input type="text" name="members.passwordAnswer" value="${members.passwordAnswer }" class="x-input inputstyle _x_ipt" />
											</td>
										</tr>
										<tr>
											<th>
												回答
											</th>
											<td>
												<input type="text" name="members.passwordQuestion" value="${members.passwordQuestion}" class="x-input inputstyle _x_ipt" />
											</td>
										</tr>
										<tr>
											<th>
												QQ
											</th>
											<td>
												<input type="text" value="20849090" vtype="" name="11" class="inputstyle _x_ipt">
											</td>
										</tr>
										<tr>
											<th>
												MSN
											</th>
											<td>
												<input type="text" value="23456@aa.com" vtype="email" name="12" class="inputstyle _x_ipt">
											</td>
										</tr>


										<tr>
											<th></th>
											<td>
												<input type="submit" value="保存" class="actbtn btn-save">
											</td>
										</tr>

									</table>
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>



		<%@ include file="/jsp/front/common/footer.jsp"%>

		<script type="text/javascript" src="<c:url value='/scripts/jquery-1.4.2.js'/>"></script>
		<script type="text/javascript" src="<c:url value='/scripts/ui/jquery.ui.core.js'/>"></script>
		<script type="text/javascript" src="<c:url value='/scripts/ui/jquery.ui.widget.js'/>"></script>
		<script type="text/javascript" src="<c:url value='/scripts/ui/jquery.ui.datepicker.js'/>"></script>
		<script type="text/javascript" src="<c:url value='/scripts/ui/i18n/jquery.ui.datepicker-zh-CN.js'/>"></script>
		<script type="text/javascript">
 
 		$('#member_province').val('${members.province}');

		$("#members_birthDay").datepicker( $.datepicker.regional['zh-CN']); 

 

 

	 




	function findSubRegions(obj,subId,hiddenId) {
		var url = "<c:url value="/sys_region_list.html" />";  
		var regionId = $(obj).attr('value'); 
		if(regionId==''){
			return;
		}
		var text = $(obj).find("option:selected").text().trim();
		$('#'+hiddenId).attr('value',text); 
		 
		var params = {
			"regionId" : regionId
		};

		$.getJSON(url, params, function callback(data) {
			 var regions = data.systemRegionss;
			 $('#'+subId).html('');
			 var str = '<option value="">请选择...	</option>';	
			 $(regions).each(function(index, region) {
				 str += '<option value="' + region.regionId + '">' + region.localName + '</option>';
			 });
			 $('#'+subId).html(str);

		});
	}
	
	
 
			document.getElementById('mc_personal').className = 'current';
		</script>
	</body>
</html>